<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的订单</title>
	<link rel="icon" href="images/favicon.ico">
	<link rel="stylesheet" href="css/Oder.css">
</head>
<body>
	<div class="top-warp">
		<!-- 360顶部灰色导航栏 -->
		<div class="top-main">
			<ul>
				<li class="top-item-l"><a href="">帮助中心</a></li>
				<li class="top-item-l"><a href="">收藏本站</a></li>
				<li class="top-item-r"><a href=""><i></i>手机360商城</a></li>
				<li class="top-item-r"><a href="">我的订单</a></li>
				<li class="top-item-r"><a href="">360U20180616^</a></li>
			</ul>
		</div>
	</div>
	<!-- 顶部logo -->
	<div class="lgbox">
		<div class="top-logo">
			<div class="logo">
				<a href=""><img src="images/	logo.png" alt="">
				</a>
			</div>
		</div>
	</div>
	<!-- 我的订单 -->
	<div class="oder-bigbox">
		<div class="oder-box">
			<!-- 收货地址 -->
			<div class="shop-address">
				<div class="hd">
					<h3>收货地址</h3>
				</div>
				<div class="bd">
					<div class="consignee">
						<span class="edit">
							<a href="">编辑</a>
						</span>
						<input type="radio" class="input-radio" checked="checked">
						<label for=""> 张旭,上海市静安区龙软大厦4楼兄弟连,132****8205
						</label>
					</div>
					<!-- 添加收货地址 -->
					<a href="" class="btn-add"></a>
					<!-- 支付方式 -->
					<div class="pay">
						<div class="hd">
							<h3>支付方式</h3>
						</div>
						<div class="bd">
							<input type="radio" class="input-radio" checked="checked">
							<label for=""> 在线支付
							</label>
						</div>
					</div>
					<!-- 配送方式 -->
					<div class="mall-modw">
						<div class="hd">
							<h3>配送方式</h3>
							<span> 由京东负责配送和售后
							</span>
						</div>
						<div class="bd">
							<input type="radio" class="input-radio" checked="checked">
							<label for=""> 京东快递
							</label>
						</div>
					</div>
					<!-- 发票信息 -->
					<div class="mall-modw">
						<div class="hd">
							<h3>发票信息</h3>
							<span> 由京东负责开具发票
							</span>
						</div>
						<div class="bd">
							<b>电子发票</b>
							<b>个人</b>
							<b>商品明细</b>
							<button>修改</button>
						</div>
					</div>
					<!-- 商品清单 -->
					<div class="mall-modw">
						<div class="hd">
							<h3>商品清单</h3>
						</div>
						<div class="bd">
							<div class="goodlist">
								<div class="title">
									<div class=t1>商品名称</div>
									<div class="t2">单价</div>
									<div class="t3">数量</div>
									<div class="t4">合计</div>
								</div>
								<!-- 订单商品详情 -->
								<div class="goods-b">
									<div class="goods-m">
										<!-- 订单图片+描述 -->
										<div class="l1">
											<a href="">
												<img src="images/order-0001.jpg" alt="">
												<span>360手机 N7 全网通 6GB+128GB 月岩白色 移动联通电信4G手机 双卡双待 全面屏 游戏手机</span>
											</a>
										</div>
										<!-- 订单价格 -->
										<div class="l2">
											<span>&yen;1 9 9 9 . 0 0
											</span>
										</div>
										<!-- 订单数量 -->
										<div class="l3">
											<span> X 1
											</span>	
										</div>
										<!-- 订单合计 -->
										<div class="l4">
											<span>&yen; 1 9 9 9 . 0 0
											</span>
										</div>
									</div>
								</div>
							</div>
		
							<!-- 购物合计 -->
							<div class="total">
								<table class="total-table">
									<tbody>
										<tr>
											<td class="tdtitle">商品件数
											</td>
											<td>:
											</td>
											<td class=number>1件
											</td>	
										</tr>
										<tr>
											<td class="tdtitle">金额合计
											</td>
											<td>:
											</td>
											<td class=number>1999.00元
											</td>	
										</tr>
										<tr>
											<td class="tdtitle">优惠抵扣
											</td>
											<td>:
											</td>
											<td class=number>0.00元
											</td>	
										</tr>
										<tr>
											<td class="tdtitle">运费
											</td>
											<td>:
											</td>
											<td class=number>0.00元
											</td>	
										</tr>
										<tr>
											<td class="tdtitle1">应付总额
											</td>
											<td>:
											</td>
											<td class=number1>&yen;1999.00元
											</td>	
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<!-- 优惠劵 -->
						<div class="coupon">
							<div class="coupon-r">
								<div class="coupon-title">
									使用优惠劵
									<small>(
										<span>0</span>
									张优惠劵可用 )</small>
								</div>
								<div class="use">
									<div class="select">
										<select name="" id="">
											<option value="">
												不使用优惠劵
											</option>
											<option value="">使用优惠劵</option>
										</select>
										<p>
											<button>
												<a href="" class="use-btn">兑换优惠劵</a>
											</button>
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="sub-btn">
							<a href="">
								<input type="submit" value="立即下单">
							</a>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>

	<!-- 底部 -->
	<div class="mod-footer">
		<div class="foot-banner">
			<div class="foot-item">
				<div class="icon7"><i>&#xe691;</i>
				&nbsp;7天无理由退货
				</div>
				<div class="icon7"><i>&#xe636;</i>
				&nbsp;质量问题15天包换
				</div>
				<div class="icon7"><i>&#xe600;</i>
				&nbsp;满99元包邮
				</div>
			</div>
		</div>
		<div class="foot-help">
			<div class="foot-help-main">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="">用户登录与密码找回</a></dd>
					<dd><a href="">用户注册协议</a></dd>
					<dd><a href="">购买指南</a></dd>
					<dd><a href="">支付方式</a></dd>
					<dd><a href="">赠送与说明</a></dd>
					<dd><a href="">用户注销</a></dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="">7日无理由退货</a></dd>
					<dd><a href="">质量问题15日内换货</a></dd>
					<dd><a href="">保修条款</a></dd>
					<dd><a href="">售后服务运费规则</a></dd>
				</dl>
				<dl>
					<dt>联系我们</dt>
					<dd><span>400-6822-360</span></dd>
					<dd>周一至周五9:00-18:00</dd>
					<dd><span>400-0111-366 <i>（手机类产品）</i></span></dd>
					<dd>周一至周日 9:00-21:00</dd>
					<dd>（仅收市话费）</dd>
				</dl>
				<dl>
					<dd><img src="images/ewm.png"></dd>
				</dl>
			</div>

		</div>
		<div class="copyright">
			<p>360商城©2013-2018 360公司版权所有 京ICP备17017089号 京公网安备11000002000006号</p>
		</div>
	</div>
	
</body>
</html>